<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="play">
        <img id="imgUrl" src="../../assets/imgs/advertisement-bg.jpg" alt="">
        <i id="zuo" class="iconfont icon-xiangzuojiantou"></i>
        <i class="iconfont icon-24gf-play"></i>
    </div>
    <!-- 主体 -->
    <div class="content">
        <div class="title">
            <h3 id="name">巧克力腹肌雕刻</h3>
            <div class="titleText">
                <div class="titleLeft">
                    <span><span class="titleNumk">45</span>千卡</span>
                    <span><span class="titleMin">20</span>分钟</span>
                </div>
                <div class="titleRight">
                    <span id="peoplenum" ></span>万人练过
                    <i class="iconfont icon-xiangyoujiantou"></i>
                </div>
            </div>
        </div>

        <div class="longText">1111111111</div>
        <div class="sport">
            <div class="sportLeft">
                <i class="iconfont icon-yundongzuqiu"></i>
                 练习频次
                 <p>每周 <span id="frequency"> </span> 次</p>
            </div>
            <div class="sportRight">
                <i class="iconfont icon-yaling"></i> 
                器械
                <p id="qixie">无</p>
            </div>
        </div>
        <button class="btn">开始训练</button>
    </div>
</body>
</html>